<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/fangdajing.css"/>
		<script type="text/javascript" src="js/fangdajing.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
	</head>
	<body>
		<!--shang-->
		<div id="shang">
			<div class="shang1">
				<div class="shang2">
					<img src="images/l1.jpg">
				</div>
				<div class="shang3">
					<ul>
						<li class="lii1">欢迎光临抠抠网</li>
						<a href="denglu.html"><li>[请登录]</li></a>
						<a href="zhuce.html"><li>[免费注册]</li></a>
						<a href="#"><li>我的抠抠</li></a><li>丨</li>
						<a href="#"><li>我的订单</li></a><li>丨</li>
						<a href="#"><li><img src="images/s1.jpg"/>手机版</li></a><li>丨</li>
						<a href="#"><li>帮助中心</li></a><li>丨</li>
						<a href="#"><li><img src="images/c1.jpg">购物车</li></a>
					</ul>
				</div>
			</div>
		</div>
		
<!---logo--->	
		<div id="logo">
			<div class="logo1">
				<div class="logo2">
					<img src="images/logo.jpg"/>
				</div>
				<div class="logo3">
					<input id="i1" type="text" value="请输入您要搜索的关键字..." /><input id="i2" type="reset" value="搜索"><input type="reset" id="i3" value="搜本店" />
				</div>
				<div class="logo4">
					<img src="images/ch.jpg"/>
				</div>
			</div>
		</div>
		
<!--new-->
	<div id="new">
		<div class="new">
			<div class="news_zuo">
				<a href=""><p>所有分类 &nbsp;></p></a>
			</div>
			
			<div class="news_you">
				<a href="shouye.html"><p>首页</p></a>
			</div>
		</div>
	</div>
		
<!---->
<div id="fangda">
	<div class="fangda">
		<div class="smallbox">
			<img src="images/img1.jpg"/>
			<div class="tool"></div>
		</div>
		<div class="bottom">
				<a href="###"><img class="selected" src="images/img1.jpg"/></a>
				<a href="###"><img src="images/img2.jpg"/></a>
				<a href="###"><img src="images/img3.jpg"/></a>
				<a href="###"><img src="images/img4.jpg"/></a>
		</div>
		
		<div class="fangda_you">
			<div class="you_1">
				<p>2016秋季女装显瘦女式双排扣短款风衣女外套长袖气质修身</p>
				<ul>
					<li>商品现价：￥116</li>
					<li>原价：￥299</li>
				</ul>
				<h4>配送区域：中国上海  卖家承担</h4>
			</div>	
			
			<div class="you_2">
				<ul class="bian">
					  <p>颜色</p> <a href="#"><li><img src="images/img1.jpg"/></li></a>
					  			 <a href="#"><img src="images/img2.jpg"/></li></a>
				</ul>	  			 
				<ul class="ul1"><p class="p1">尺码</p>    <a href="#"><li>S</li></a> <a href="#"><li>M</li></a> <a href="#"><li>L</li></a> <a href="#"><li>XL</li></a></ul>
				<ul class="ul2">
					<p class="p2">数量:</p>   
					<li class="li_1">
				        <input type="button"  value="-" /><input type="text"  value="1" /><input type="button"  value="+" />
					</li>
					<li class="li_2">&nbsp;库存：100件</li>
				</ul>
				
			</div>
			<div class="you_3">
				<li><input class="yi" type="button" id="" value="立即购买" /></li>
				<li><input class="er" type="button" id="" value="加入购物车" /></li>
			</div>
		</div>
		
	</div>	
</div>
		<div class="bigbox">
			<img class="bigimg" src="images/img1.jpg"/>
		</div>

<!--tip-->
	<div id="tip">
		<div class="tip">
			<div class="tip_nei">
				<div class="tip_1">
					<ul>
						<li class="diyi"><img src="images/qw10.jpg"/></li>
					</ul>
					<p>
						商品满意度-----5</br>
						服务满意度-----5</br>
						物流满意度-----5</br>
					</p>
				<li class="liq1">客服: <img src="images/qq11.gif"/></li>
				
				<li class="tip_xia">
					<input type="button" name="" id="" value="进去店铺" />
					<input type="button" name="" id="" value="收藏店铺" />
				</li>
				</div>
				
				<div class="tip_2">
					<div class="tip_2_shang">
						<h2>商品详情</h2>
					</div>
					<ul>
						<li><img src="images/qw1.jpg"/></li>
						<li><img src="images/qw2.jpg"/></li>
						<li><img src="images/qw3.jpg"/></li>
						<li><img src="images/qw4.jpg"/></li>
						<li><img src="images/qw5.jpg"/></li>
						<li><img src="images/qw6.jpg"/></li>
						<li><img src="images/qw7.jpg"/></li>
						<li><img src="images/qw8.jpg"/></li>
						<li><img src="images/qw9.jpg"/></li>
					</ul>
				</div>
			</div>	
		</div>
	</div>
		
<!--tu-->
	<div id="tu">
		<div class="tu">
			<ul>
				<img src="images/tu.jpg"/>
			</ul>
		</div>
	</div>	
	
	
<!--bottom-->
	<div id="bottomq">
		<div class="bottomq">
			<div class="bottomq1">
				<ul class="u1">
					<h3>关于抠抠</h3>
					<a href="#"><li>关于抠抠</li></a>
					<a href="#"><li>商家入驻</li></a>
					<a href="#"><li>商家入口</li></a>
					<a href="#"><li>加入我们</li></a>
					<a href="#"><li>联系我们</li></a>
					<a href="#"><li>友情链接</li></a>
				</ul>
				
				<ul class="u2">
					<h3>新手指南</h3>
					<a href="#"><li>用户注册</li></a>
					<a href="#"><li>用户注册协议</li></a>
					<a href="#"><li>购物流程</li></a>
				</ul>
				
				<ul class="u3">
					<h3>维权中心</h3>
					<a href="#"><li>客服中心</li></a>
					<a href="#"><li>找回密码</li></a>
				</ul>
				
				<ul class="u4">
					<h3>支付方式</h3>
					<a href="#"><li>在线支付</li></a>
					<a href="#"><li>货到付款</li></a>
					<a href="#"><li>扣扣支付开通流程</li></a>
				</ul>
				
				<ul class="u5">
					<h3>售后服务</h3>
					<a href="#"><li>退款政策</li></a>
					<a href="#"><li>退货流程</li></a>
					<a href="#"><li>退款说明</li></a>
				</ul>
				
				<ul class="u6">
					<h3>配送说明</h3>
					<a href="#"><li>发货规定</li></a>
					<a href="#"><li>配送与收货范围</li></a>
					<a href="#"><li>配送范围和时间</li></a>
					<a href="#"><li>配送进度查询</li></a>
				</ul>
			</div>
			
			<div class="bottom2">
				<ul>
					<li><img src="images/by.jpg"/></li>
				</ul>
			</div>
		</div>
	</div>

		
		
		
	</body>
	
</html>
